<!--输入框-->
<template>
	<el-color-picker v-model="value" v-bind="allAttrs" :id="'zhColorPicker' + columnId" :name="'zhColorPicker' + columnId" :size="mySize" > 
  </el-color-picker>
</template>

<script lang="ts" setup>
// 引入组件需要的属性、控制类
import { itemProps, itemController } from '../lib/mapController';
// 定义属性
const props = defineProps({
	modelValue: [String, Number],
	...itemProps, // 基础属性
});
const attrs = useAttrs();
const emit = defineEmits(['update:modelValue']);
const allAttrs = computed(() => {
	return Object.assign(props.extend, attrs);
});
const { value, globalSize } = itemController(props, allAttrs.value, emit);
const state = reactive({
	mySize: allAttrs.value.size,
});
// 初始化
globalSize(state);
// 输出
const { mySize } = toRefs(state);
</script>
<script lang="ts">
// 声明额外的选项
export default {
	name: 'zh-color-picker',
	inheritallAttrs: false,
};
</script>
